<template>
    <div class="cartHeader">{{`我的全部购物车(2)`}}</div>
    <CartListItem :isCartList="isCartList"/>
    <Footer :componName="name"/>
</template>

<script>
import '../../style/iconfont.css'
import Footer from '../../components/home-components/Footer.vue'
import CartListItem from './cartListItem/CartListItem.vue'

// import { useStore } from 'vuex'

export default {
  name: 'CartList',
  components: { Footer, CartListItem },
  data () {
    return {
      name: '',
      isCartList: true
    }
  },
  created () {
    this.name = this.$options.name
  }
}
</script>

<style lang="scss">
@import '../../style/colorValue.scss';
@import '../../style/mixinApi.scss';
.cartHeader {
  line-height: .44rem;
  text-align: center;
  font-size: .16rem;
  color: $TextColor;
}
.cartList {
  width: 100%;
  @include positionFn();
  top: .44rem;
  background: $deepWhiteColor;
  margin:0;
  padding:0;
  overflow-y: auto;
  list-style: none;
}

</style>
